<!DOCTYPE html>
<html>

	<head>
		<title>完整demo</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
		<script type="text/javascript" charset="utf-8" src="ueditor.all.js"></script>
		<link rel="stylesheet" href="tailor/css/jquery.Jcrop.css" />
		<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
		<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
		<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

		<style type="text/css">
			div {
				width: 100%;
			}
			
			#edui114 .edui-icon {
				background-position: -540px -140px;
			}
			#edui115 .edui-icon {
				background-position: -562px -140px;
			}
		</style>
	</head>

	<body>
		<div>
			<h1>完整demo</h1>
			<script id="editor" type="text/plain" style="width:100%;height:500px;"></script>
		</div>
		<!--<div class="wrap_img" style="position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;z-index: 1000;display: none;"><input type="file"><img src="http://f.hiphotos.baidu.com/image/pic/item/241f95cad1c8a786244cbce46d09c93d71cf50f2.jpg" alt="" id="onlineImg"></div>-->

		<script src="tailor/js/jquery.min.js"></script>
		<script src="tailor/js/jquery.Jcrop.js"></script>
		<script src="tailor/js/jcrop.js"></script>

		<script type="text/javascript">
			//实例化编辑器
			//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例

			var ue = UE.getEditor('editor', {
				elementPathEnabled: false,
				elementPathEnabled: false,
				saveInterval: 5000

			});

			UE.registerUI('立即恢复文章 纠错 敏感词', function(editor, uiName) {
				//注册按钮执行时的command命令，使用命令默认就会带有回退操作
				editor.registerCommand(uiName, {
					execCommand: function() {
						switch(uiName) {
							case '立即恢复文章':
								var old_content = editor.queryCommandState('drafts', true);

								if(old_content) {
									var old_content = editor.queryCommandState('drafts', true)
									ue.setContent(old_content);
								} else {

									return alert("内容已清空")
								}
								break;
							case '纠错':
								alert("开发中")
								break;
							case '敏感词':
								alert("开发中")
								break;

							default:
								break;
						}

					}
				});
				//创建一个button
				var btn = new UE.ui.Button({
					//按钮的名字
					name: uiName,
					//提示
					title: uiName,
					//添加额外样式，指定icon图标，这里默认使用一个重复的icon
					cssRules: 'background-position: -279px 0;',
					//点击时执行的命令
					onclick: function() {
						//这里可以不用执行命令,做你自己的操作也可
						editor.execCommand(uiName);
					}
				});
				//当点到编辑内容上时，按钮要做的状态反射
				editor.addListener('selectionchange', function() {
					var state = editor.queryCommandState(uiName);
					if(state == -1) {
						btn.setDisabled(true);
						btn.setChecked(false);
					} else {
						btn.setDisabled(false);
						btn.setChecked(state);
					}
				});
				//因为你是添加button,所以需要返回这个button
				return btn;
			});
		</script>
	</body>

</html>